<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="description" content=""/>
		<meta name="keywords" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	</head>
	<body>
		<div class="mobile">
			<!--头部-->
			<header>
				<div class="logo">
					<a href="details.html">
						<img src="img/logo.png" alt="" />
					</a>
				</div>
				<div class="sel">
					<select name="city" id="">
						<option value="广州">广州</option>
						<option value="深圳">深圳</option>
					</select>
				</div>
				<div class="search">
					<input type="text" placeholder="请输入商品名称" />
					<input type="image" src="img/search.png" />
				</div>
				<div class="header_img">
					<img src="img/lbt.png"/>
				</div>
			</header>
			
			<section>
				<div class="youhui clear_fix">
					<div class="youhui_img">
						<img src="img/hua.png"/>
					</div>
					<span>
						优惠团购
					</span>
					<div class="youhui_img2">
						<img src="img/youjian.png"/>
					</div>
					<span>
						更多
					</span>
				</div>
				
				<div class="youhuibody1">
					<div class="youhuibody1_img">
						<img src="img/maiba.png"/>
					</div>
				</div>
				<div class="youhuibody1">
					<div class="youhuibody1_img">
						<img src="img/maiba1_03.png"/>
					</div>
				</div>
				<div class="youhuibody1">
					<div class="youhuibody1_img">
						<img src="img/maiba2_03.png"/>
					</div>
				</div>
				<div class="youhuibody1">
					<div class="youhuibody1_img">
						<img src="img/maiba3_03.png"/>
					</div>
				</div>
				
				<div class="youhui clear_fix">
					<div class="youhui_img">
						<img src="img/xin.png"/>
					</div>
					<span>
						猜你喜欢
					</span>
					<div class="youhui_img2">
						<img src="img/youjian.png"/>
					</div>
					<span>
						更多
					</span>
				</div>
				
				<div class="xihuan clear_fix">
					<div class="xihuan_img">
						<img src="img/q.png"/>
					</div>
					<div class="shousi">
						<span>万岁寿司（正佳店）</span>
						<span><100m</span>
						<p>[100店专用] 双人套餐</p>
						<span>￥88.00</span>
						<span>已售1000</span>
					</div>
				</div>
				<div class="xihuan clear_fix">
					<div class="xihuan_img">
						<img src="img/q.png"/>
					</div>
					<div class="shousi">
						<span>万岁寿司（正佳店）</span>
						<span><100m</span>
						<p>[100店专用] 双人套餐</p>
						<span>￥88.00</span>
						<span>已售1000</span>
					</div>
				</div>
			</section>
			<!--底部导航栏-->
			<footer>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="index.html">
							<img src="img/home.png" alt="" />
						</a>
					</div>
					<p>首页</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="classification.html">
							<img src="img/fenlei.png" alt="" />
						</a>
					</div>
					<p>分类</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="find.html">
							<img src="img/daohang.png" alt="" />
						</a>
					</div>
					<p>发现</p>
				</div>
				<div class="footer_one">
					<div class="footer_one_img">
						<a href="me.html">
							<img src="img/wode.png" alt="" />
						</a>
					</div>
					<p>我的</p>
				</div>
			</footer>
		</div>
	</body>
</html>
